<template>
	<div>
		<mt-swipe :auto="4000">
			<mt-swipe-item v-for="item  in lunbo" :key="item.id"><img :src="item.img"></img>
			</mt-swipe-item>

		</mt-swipe>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				<router-link to="/home/newslist">
					<img src="../../images/menu1.png" />
					<div class="mui-media-body">新闻资讯</div>
				</router-link>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				<a href="#">
					<img src="../../images/menu2.png" /></span>
					<div class="mui-media-body">图片分享</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				<a href="#">
					<img src="../../images/menu3.png" />
					<div class="mui-media-body">商品购买</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				<a href="#">
					<img src="../../images/menu4.png" />
					<div class="mui-media-body">留言反馈</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				<a href="#">
					<img src="../../images/menu5.png" />
					<div class="mui-media-body">视频专区</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				<a href="#">
					<img src="../../images/menu6.png" />
					<div class="mui-media-body">联系我们</div>
				</a>
			</li>

		</ul>
    <router-view></router-view>
	</div>
</template>

<script>
	export default({
		data: function() {
			return {
				lunbo: []
			}
		},

		created() {
			this.getLunBo();
		},
		methods: {
			getLunBo() {
				this.$axios.get('/getlunbo').then(data => {
					console.log(data);
					if(data.data.status == 0) {

						this.lunbo = data.data.message;
					}
				}).catch(() => {

				})
			}
		}
	})
</script>

<style scoped="scoped">
	.mint-swipe {
		height: 240px;
	}

	.mint-swipe-item {
		background: red;
	}

	img {
		width: 100%;
		height: 100%;
	}

	.mui-grid-view.mui-grid-9 {
		margin: 0;
		padding: 0;
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		background-color: #fff;
	}
	ul img{
		width: 50%;
		width: 50%;
	}
	ul div{
		font-size: 14px!important;
	}
</style>
